.list-item-detail-page {
  min-height: 100vh;
  background: #f5f5f5;
  
  .detail-header {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    
    :global(.adm-nav-bar-title) {
      font-weight: 600;
    }
  }
  
  .detail-content {
    padding: 16px;
    
    .article-header {
      margin-bottom: 16px;
      border-radius: 12px;
      overflow: hidden;
      
      .article-title {
        margin-bottom: 16px;
        
        h1 {
          font-size: 20px;
          font-weight: 700;
          color: #333;
          margin: 0 0 12px 0;
          line-height: 1.4;
        }
        
        .article-meta {
          display: flex;
          align-items: center;
          gap: 12px;
          
          .article-tag {
            font-size: 12px;
            padding: 4px 10px;
            border-radius: 12px;
          }
          
          .article-category {
            font-size: 12px;
            color: #666;
            background: #f0f0f0;
            padding: 4px 10px;
            border-radius: 12px;
          }
        }
      }
      
      .article-info {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 12px;
        color: #666;
        
        .info-item {
          display: flex;
          align-items: center;
          gap: 4px;
          
          .info-icon {
            font-size: 14px;
          }
        }
      }
    }
    
    .article-image {
      margin-bottom: 16px;
      border-radius: 12px;
      overflow: hidden;
      
      img {
        width: 100%;
        height: auto;
        display: block;
      }
    }
    
    .article-description {
      margin-bottom: 16px;
      border-radius: 12px;
      
      .description-text {
        font-size: 16px;
        color: #666;
        line-height: 1.6;
        margin: 0;
        font-style: italic;
      }
    }
    
    .article-content {
      margin-bottom: 16px;
      border-radius: 12px;
      
      .content-wrapper {
        .content-section-title {
          font-size: 18px;
          font-weight: 600;
          color: #1890ff;
          margin: 24px 0 16px 0;
          padding-bottom: 8px;
          border-bottom: 2px solid #e8f4fd;
        }
        
        .content-paragraph {
          font-size: 16px;
          color: #333;
          line-height: 1.8;
          margin: 0 0 16px 0;
          text-align: justify;
        }
        
        .content-list-item {
          font-size: 16px;
          color: #333;
          line-height: 1.8;
          margin: 0 0 8px 0;
          padding-left: 20px;
          position: relative;
          
          &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 8px;
            width: 6px;
            height: 6px;
            background: #1890ff;
            border-radius: 50%;
          }
        }
      }
    }
    
    .related-articles {
      border-radius: 12px;
      
      .related-title {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin: 0 0 16px 0;
        padding-bottom: 8px;
        border-bottom: 1px solid #f0f0f0;
      }
      
      .related-list {
        .related-item {
          padding: 16px 0;
          border-bottom: 1px solid #f0f0f0;
          cursor: pointer;
          transition: all 0.3s ease;
          
          &:last-child {
            border-bottom: none;
          }
          
          &:hover {
            background: #f8f9fa;
            margin: 0 -16px;
            padding: 16px;
            border-radius: 8px;
          }
          
          h4 {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin: 0 0 8px 0;
            line-height: 1.4;
          }
          
          p {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
            margin: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
        }
      }
    }
  }
}
